// Packages
import React from 'react';
import { bool } from 'prop-types';

const Caret = ({ darkBg = false }) => (
  <svg
    width="28"
    height="13"
    viewBox="0 0 28 13"
    style={{ verticalAlign: 'top' }}
  >
    <path
      d="M0 12.0334346s2.114952.3647461 5.16378-3.01000977L12.506989.6227563c.726251-.83083552 1.903651-.8322301 2.638797.00716143L22.793663 9.362292s2.249512 2.6711426 5.408203 2.6711426"
      fill={darkBg ? '#404040' : '#fff'}
      fillRule="evenodd"
    />
  </svg>
);

Caret.propTypes = {
  darkBg: bool
};

export default Caret;
